<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎界面</title>
    <%@ include file="head.jsp" %>
</head>
<body>
    <div class="layui-carousel" id="main">
        <div carousel-item>
            <div><img src="resources/lib/images/carousel1.jpg" width="100%"></div>
            <div><img src="resources/lib/images/carousel2.jpg" width="100%"></div>
            <div><img src="resources/lib/images/carousel3.jpg" width="100%"></div>
            <div><img src="resources/lib/images/carousel4.jpg" width="100%"></div>
            <div><img src="resources/lib/images/medf3.jpg" width="100%"></div>
        </div>
    </div>
</body>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#main'
            ,full:true
            ,width: '100%' //设置容器宽度
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
</script>
</html>